<!DOCTYPE html>

<html lang="en">
  <head>
    <meta http-equiv="Content-Type" content="text/html; charset=utf-8">
    <title>New Type York – Typography Waterfall</title>

    <!-- Framework CSS -->
    <link rel="stylesheet" href="blueprint/screen.css" type="text/css" media="screen, projection">
    <link rel="stylesheet" href="blueprint/print.css" type="text/css" media="print">
    <!--[if lt IE 8]><link rel="stylesheet" href="blueprint/ie.css" type="text/css" media="screen, projection"><![endif]-->
  </head>

<body>
<div class="container showgrid">
      <h1>Typography Waterfall</h1>
      <hr>
		<p style="font: 18.0px 'Georgia';"><i>№ 532 – Artifact Number</i></p>
		<p style="font: 13.0px 'Hoefler Text'">november 1, 2010 – date</p>
		<p style="font: 13.0px nevis;">POSTED IN STORIES – CATEGORY</p>
		<h2 style="font-family:'nevis';">SINGLE POST TITLE - H2</h2>
		<h3 style="font-family:nevis;">LISTING POST TITLE - H3</h3>
		<p style="font: 14.0px nevis;">SUBHEADING - H4</p>
		<p style="font: 10.0px nevis;">TAGS</p>
		<p style="font-family: nevis;"><br></p>
		<p style="font-family:nevis;">BODY COPY HEADING</p>
		<p>This is body copy. Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.</p>
		<p style="font: 13.0px Georgia;"><i></i><br></p>
		<p style="font: 13.0px Georgia"><i>This is a Blockquote.<span class="Apple-converted-space"> </span></i></p>
		<p style="font: 13.0px Georgia"><i>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</i></p>
		<p style="font: 14.0px nevis;"><br></p>
		<p style="font: 11.0px nevis">READ MORE LINK - WEBFONT</p>
		<p style="font: 11.0px 'Lucida Grande'"><b>READ MORE LINK - HTML SAFE</b></p>
		<p style="font: 11.0px 'Lucida Grande';"><b></b><br></p>
		<p style="font: 12.0px 'Lucida Grande'"><b>Sidebar Heading</b></p>
		<p style="font: 11.0px 'Lucida Grande'">Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Cras ornare mattis nunc. Mauris venenatis, pede sed aliquet vehicula, lectus tellus pulvinar neque, non cursus sem nisi vel augue.</p>
</div><!--end container -->
</body>
</html>
